<template>
	<view>
		<view class='re-swiper'>
			<u-swiper
				:list="swiperList"
				indicator
				indicatorMode="line"
				circular
				height='308rpx'
			></u-swiper>
		</view>
	</view>
</template>

<script>
import { getSliders } from '@/api/home.js'
export default{
	data () {
		return {
			swiperList:[],
		}
	},
	mounted(){
		getSliders().then(res=>{
			this.swiperList = res.list.map(v=>v.imageUrl);
		})
	}
}
</script>

<style>
/deep/ .u-swiper__indicator{
	right:20rpx;
}
</style>